<style lang="less" scoped src="./prizemodel.less"></style>
<script src="./prizemodel.js"></script>

<template>
    <div>
        <Row style="font-size: 15px;">
            <Col span="22">
            模板名称：<Input v-model="queryCon.name" clearable style="width: 15%"></Input>
            <span @click="loadList"><Button type="primary" icon="android-search">查询</Button></span>
            </Col>
            <Col span="2">
            <router-link to="prizemodelmake">
                <Button type="primary" icon="android-add">新增模板</Button>
            </router-link>
            </Col>
        </Row>
        <div class="main-table">
            <Table border :columns="columns" :data="data"></Table>
        </div>
        <div class="pagination">
            <Page :total="total" size="small" :page-size="pageSize" :current.sync="pageIndex" @on-change="loadList" show-total show-elevator></Page>
        </div>
        <Modal v-model="viewModal"
               @on-ok="viewModal = false"
               @on-cancel="viewModal = false"
               width="40%"
        >
            <img :src="formData.imgPath" style="width: 100%">
        </Modal>
        <Modal v-model="copyModal"
               @on-ok="copySave"
               @on-cancel="copyModal = false"
               title="复制模板"
               :closable="false"
               :mask-closable="false"
        >
            <Form :model="copyForm" :label-width="90">
                <FormItem label="模板名称">
                    <Input v-model="copyForm.name" clearable></Input>
                </FormItem>
            </Form>
        </Modal>
    </div>
</template>
